<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>华猫商城</title>
		<style></style>
		<link href="../css/common.css" rel="stylesheet">
		<link href="../css/base.css" rel="stylesheet">
		<link rel="stylesheet" href="css/carts.css" />
		<style>
			body {
				background-color: #f5f5f5;
			}
			/*不显示搜索框*/
			.ZZHT-search-box{
				display: none;
			}


		</style>
	</head>

	<body>
		<div id="header"></div>
		<!--<div id="headerBox"></div>-->
		<!--<div id="nav_menu"></div>-->
		<div id="nav-header">
			<div class="show-box" style="width: 1200px;margin: 0 auto">
				<div class="main-head">
					<span class="cart-logo" onclick="location.href='../view/index.html'" ></span>

				</div>
				<p class="my-cart"> 我的购物车</p>
				<div id="stepflex" class="stepflex">
					<dl class="first doing">
						<dt class="s-num s-num1"><span class="icon-flow first-flow"></span></dt>
						<dd class="s-text">我的购物车</dd>
						<dd></dd>
					</dl>
					<dl class="normal">
						<dt class="s-num1 s-num2"><span class="icon-flow second-flow-hover"></span></dt>
						<dd class="s-text1">填写核对订单信息</dd>
					</dl>
					<dl class="last">
						<dt class="s-num1 s-num3"><span class="icon-flow third-flow"></span></dt>
						<dd class="s-text1">成功提交订单</dd>
					</dl>

				</div>
				<div class="ZZHT-clear"></div>
			</div>

		</div>
		<!--<div class="black_line"></div>-->
		<div class="ZZHT-container">
			<no-cart  v-show="isCart"></no-cart>
			<div class="cart-box" v-show="!isCart">
				<div class="cart-head">
					<div class="chk"><b class="select-box"v-bind:class="{'yes-select-box':allFlag}" @click="checkSelectAll()" ></b><span class="clickAll">全选</span></div>
					<div class="goods">商品</div>
					<div class="price">单价</div>
					<div class="stock">库存</div>
					<div class="num">数量</div>
					<div class="t-price">总价</div>
					<div class="action">操作</div>
				</div>

				<div class="cart-item" v-for="(v,i) in cart">
					<div class="shop"><b class="select-box" v-bind:class="{'yes-select-box':v.isCheck==1?!yesSelect: yesSelect}" @click="changeBtn(v)"></b><span class="clickAll" v-cloak>{{v.shopName}}</span></div>
					<div class="goods-list" >
						<div class="item j-chk j-s481 j-g302" style="border-width: 0px 0px 1px; border-style: solid; border-color: rgb(238, 238, 238); border-image: initial;">
							<div class="chk"><b class="select-box" v-bind:class="{'yes-select-box':v.isCheck==1?!yesSelect: yesSelect}"  @click="changeBtn(v)"></b></div>
							<div class="goods" >
								<div class="img">
									<a  target="_blank">
										<img :src="imgUrlS+v.goodsImg" :title="v.goodsName" :alt="v.goodsName"  width="80" height="80" @click="go_detail(v.goodsId)" target="_blank">
									</a>
								</div>
								<div class="productDescribe">
									<div class="name" style="color: #333;margin-bottom: 10px" v-cloak>{{v.goodsName}}</div>
									<!--//商品规格v2.00要求加上-->
									<div class="spec" v-cloak v-for=" o in v.specList" style="margin: 0;margin-bottom: 5px">
										<span> {{o.catName}}</span> <span style="margin-left: 5px">{{ o.itemName}}</span>
									</div>
								</div>

							</div>
							<div class="price" v-cloak>{{ returnFloat(orPrice(v))}}</div>
							<div class="stock"  :class="{'isStock':v.goodsStock<=0 }" :title="'库存还剩'+v.goodsStock+'件' " v-cloak v-if="v.goodsStock>0">{{v.goodsStock}}</div>
							<div class="stock"  :class="{'isStock':v.goodsStock<=0 }" :title="'库存还剩'+v.goodsStock+'件' " v-cloak v-else="v.goodsStock<=0">库存不足</div>
							<div class="num">
								<!--<a href="#none" class="buy-btn" :id="'buy-reduce_'+v.cartId" @click="changeIptNum(i,-1)">-</a>-->
								<!--<input type="text" :id="'buyNum_'+v.cartId" class="buy-num" v-model="v.cartNum" :value="v.cartNum" data-max="90" data-min="1" onkeyup="ZZHT.changeIptNum(0,&quot;#buyNum&quot;,&quot;#buy-reduce,#buy-add&quot;,302,&quot;statCartMoney&quot;)" autocomplete="off" onkeypress="return ZZHT.isNumberKey(event);" maxlength="6">-->
								<!--<a href="#none" class="buy-btn" :id="'buy-add_'+v.cartId" @click="changeIptNum(i,1)">+</a>-->
								<!--<div :id="'err_'+v.cartId" class="ZZHT-clear"></div>-->
								<span v-cloak> x{{v.cartNum}} </span>
							</div>
							<div class="t-price">
								<span :id="'tprice_'+v.cartId" style="color: #ea5404;font-weight: bold;" v-cloak>¥{{returnFloat(orPrice(v)*v.cartNum) }}</span>
							</div>
							<div class="action">
								<a href="#none" @click="deleteProduct(v,v.cartId)" class="cart-active">删除</a>
							</div>
							<div class="ZZHT-clear"></div>
						</div>
					</div>
				</div>

				<div class="cart-footer selected2">
					<div class="cart-summary bz">
						<div class="lastCart">
							<a href="#none" class="cart-active" style="margin-left: 20px" @click="goIndex()">继续购物</a>
							<span class="small-line"></span>
							<a href="#none" class="cart-active" style="display: none">删除</a>
						</div>

						<a href="#none"  class="ZZHT-next ZZHT-cart-reda" @click="goOrder">结算</a>
						<div class="fr cartFooter" >
							<span style="color: #ea5404;">总计：</span> <span id="totalMoney" style="color: #ea5404;font-size: 18px;font-weight: bold" v-cloak>{{returnFloat(total)}}元</span>
							<div id="totalScore">不含运费</div>
						</div>
						<div class="ZZHT-clear"></div>
					</div>
				</div>
			</div>
		</div>
		<div id="ck1"></div>
		<div id="ck3"></div>
		<!-- 购物车没有货的template-->
		<template id="noPro">
			<div class="no-cart flex">

				<div class="no-cart-icon flex">

				<!--svg 购物车-->
				<svg t="1530157004283" class="icon" style="color: #f5f5f5" viewBox="0 0 1186 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2829" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100">
					<defs><style type="text/css"></style></defs>
					<path d="M992.094316 610.681263c-9.539368 22.042947-34.708211 38.049684-59.877053 38.049684L398.767158 648.730947l37.429895 132.473263c1.670737 0.269474 3.287579 0.485053 4.931368 0.835368l491.708632 0c8.272842-1.778526 16.842105-2.802526 25.626947-2.802526 67.206737 0 121.856 54.891789 121.856 122.314105 0 67.476211-54.649263 122.314105-121.856 122.314105s-121.882947-54.837895-121.882947-122.314105c0-25.007158 7.545263-48.262737 20.426105-67.637895L516.931368 833.913263c12.907789 19.375158 20.426105 42.630737 20.426105 67.637895 0 67.476211-54.649263 122.314105-121.856 122.314105s-121.882947-54.837895-121.882947-122.314105c0-56.427789 38.319158-103.882105 90.165895-117.948632L219.162947 81.138526C215.713684 65.616842 198.117053 52.008421 181.463579 52.008421L39.316211 52.008421C25.061053 52.008421 13.473684 40.367158 13.473684 26.031158c0-14.309053 11.587368-25.923368 25.842526-25.923368l142.147368 0c40.798316 0 79.494737 30.639158 88.144842 69.739789l16.276211 72.946526 842.967579 0c15.063579 0 28.267789 7.006316 36.244211 19.213474 8.326737 12.692211 9.458526 29.130105 3.018105 43.897263L992.094316 610.681263zM958.437053 971.991579c38.750316 0 70.170947-31.528421 70.170947-70.413474 0-37.483789-29.184-67.988211-65.940211-70.197895-3.368421 1.643789-7.087158 2.586947-11.021474 2.586947L939.115789 833.967158c-29.345684 8.434526-50.849684 35.462737-50.849684 67.637895C888.266105 940.463158 919.686737 971.991579 958.437053 971.991579zM345.276632 901.578105c0 38.885053 31.420632 70.413474 70.170947 70.413474s70.170947-31.528421 70.170947-70.413474c0-32.148211-21.477053-59.203368-50.822737-67.637895l-13.231158 0c-3.934316 0-7.626105-0.943158-10.940632-2.533053C374.137263 833.940211 345.276632 864.363789 345.276632 901.578105zM297.472 194.694737l89.707789 402.162526 545.064421 0c5.066105 0 11.344842-4.311579 12.476632-6.898526l171.897263-395.264L297.472 194.694737z" p-id="2830" fill="#e0e0e0" stroke-width="3">

					</path>
				</svg>
				</div>
				<p> 购物车里空空如也....快去购物吧 </p>
				<a href="../view/index.html"> 去购物</a>
			</div>
		</template>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/vue.min.js"></script>
		<script src="../js/vue-resource.min.js"></script>
		<script type="text/javascript" src="../js/qrcode.js"></script>
		<script type="text/javascript" src="../plugin/layer/layer.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript" src="../js/common_view.js"></script>
		<script type="text/javascript" src="../js/ljf_base.js"></script>
		<script type="text/javascript" src="js/carts2.js"></script>
		
		<script src="../js/lxs_jk.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			if(!localStorage.userId){
				location.href="../view/login.html";
			}
		</script>

	</body>

</html>